@charset "UTF-8";
/**********变量元素*********/
/***********这里是页面*********/
.web {
  width: 100%;
  height: 100%;
  margin: 0 auto; }
  @media screen and (min-width: 320px) and (max-height: 568px) {
    .web .one {
      width: 100%;
      height: 100%; } }
  @media screen and (min-width: 375px) and (max-height: 667px) {
    .web .one {
      width: 100%;
      height: 100%; } }
  @media screen and (min-width: 414px) and (max-height: 736px) {
    .web .one {
      width: 100%;
      height: 100%; } }
  .web .Fromright {
    position: absolute;
    -webkit-animation: tran 30s linear infinite;
    animation: tran 30s linear infinite; }

@-webkit-keyframes tran {
  from {
    right: 100%; }
  50% {
    right: 0; }
  to {
    right: 100%; } }

@keyframes tran {
  from {
    right: 100%; }
  50% {
    right: 0; }
  to {
    right: 100%; } }
  .web .Fromright_1 {
    position: absolute;
    -webkit-animation: tran_1 30s linear infinite;
    animation: tran_1 30s linear infinite; }

@-webkit-keyframes tran_1 {
  from {
    right: 100%; }
  10% { }
  50% {
    right: 50%; }
  80% {
    right: 80%; }
  to {
    right: 100%; } }

@keyframes tran_1 {
  from {
    right: 100%; }
  10% { }
  50% {
    right: 50%; }
  80% {
    right: 80%; }
  to {
    right: 100%; } }
  .web .Fromleft {
    position: absolute;
    -webkit-animation: tran_2 40s linear infinite;
    animation: tran_2 40s linear infinite; }

@-webkit-keyframes tran_2 {
  from {
    left: 100%; }
  50% {
    left: 0; }
  to {
    left: 100%; } }

@keyframes tran_2 {
  from {
    left: 100%; }
  50% {
    left: 0; }
  to {
    left: 100%; } }
  .web .Fromleft_1 {
    position: absolute;
    -webkit-animation: tran_3 30s linear infinite;
    animation: tran_3 30s linear infinite; }

@-webkit-keyframes tran_3 {
  from {
    left: 100%; }
  50% {
    left: 0; }
  80% {
    left: 80%; }
  to {
    left: 100%; } }

@keyframes tran_3 {
  from {
    left: 100%; }
  50% {
    left: 0; }
  80% {
    left: 80%; }
  to {
    left: 100%; } }
  .web .Fromleft_2 {
    position: absolute;
    -webkit-animation: tran_4 40s linear infinite;
    animation: tran_4 40s linear infinite; }

@-webkit-keyframes tran_4 {
  from {
    left: 100%; }
  50% {
    left: 50%; }
  80% {
    left: 80%; }
  to {
    left: 100%; } }

@keyframes tran_4 {
  from {
    left: 100%; }
  50% {
    left: 50%; }
  80% {
    left: 80%; }
  to {
    left: 100%; } }
  .web .one {
    /***********这是第一屏************/
    background-size: 100%;
    position: relative; }
    .web .one .kugou {
      width: 16.09375%;
      height: 5.9375%;
      margin-top: 7.03125%;
      margin-left: 7.03125%; }
    .web .one .ceshi {
      width: 59.53125%;
      height: 11.09375%;
      margin-top: 12.34375%;
      margin-left: 19.6875%; }
    .web .one .houdezhu {
      width: 90%;
      height: 24.53125%;
      margin-left: 3.4375%;
      margin-top: -2.65625%; }
    .web .one .yule {
      width: 55%;
      height: 9.6875%;
      margin-left: 23.125%;
      margin-top: -1.5625%; }
    .web .one .yun {
      width: 12.03125%;
      height: 8.75%;
      margin-left: 6.25%;
      margin-top: -3.90625%; }
    .web .one .bb {
      width: 53.28125%;
      height: 4.53125%;
      margin-left: 24.21875%;
      margin-top: -1.5625%; }
    .web .one .yun_1 {
      width: 9.0625%;
      height: 6.71875%;
      opacity: 0.5;
      margin-left: 4.0625%;
      margin-top: -0.78125%; }
    .web .one .wuge {
      width: 100%;
      position: absolute;
      top: 45.875%;
      right: 0; }
      .web .one .wuge .yun_2 {
        width: 6.71875%;
        position: absolute;
        right: 21.09375%;
        margin-top: 2.34375%;
        z-index: 1; }
      .web .one .wuge .faguang {
        width: 31.875%;
        position: absolute;
        right: 7.34375%;
        margin-top: -7.8125%; }
      .web .one .wuge .taiyangk {
        width: 10.15625%;
        position: absolute;
        right: 17.1875%;
        z-index: 3;
        content: "";
        margin-top: 4.6875%; }
      .web .one .wuge .yun_3 {
        width: 5.3125%;
        position: absolute;
        right: 20.3125%;
        margin-top: 16.40625%;
        z-index: 2; }
      .web .one .wuge .yun_4 {
        width: 9.21875%;
        position: absolute;
        right: 6.25%;
        margin-top: 12.5%;
        z-index: 1; }
    .web .one .caigeming .qianyuezhuan {
      width: 14.6875%;
      height: 10.78125%;
      float: left;
      margin-top: 28.125%;
      margin-left: 7.65625%; }
    .web .one .caigeming .qizi {
      width: 20%;
      height: 12.1875%;
      margin-left: -14.0625%; }
    .web .one .caigeming .nvwang {
      width: 52.96875%;
      height: 65.78125%;
      margin-top: 10.625%;
      margin-left: -5.46875%; }
    .web .one .caigeming .shenmegui {
      width: 23.125%;
      height: 12.8125%;
      float: right;
      margin-top: -53.40625%;
      position: relative;
      z-index: 1;
      content: "";
      left: -6.25%; }
    .web .one .caigeming .taizifei {
      width: 14.6875%;
      height: 8.90625%;
      float: right;
      margin-top: -15.625%;
      position: relative;
      left: -7.8125%;
      top: -0.78125%; }
    .web .one .kaishi {
      text-decoration: none; }
      .web .one .kaishi:active {
        opacity: 0.7; }
      .web .one .kaishi img {
        width: 26.71875%;
        margin-left: 37.5%;
        padding-top: 2.34375%; }
  .web .two {
    /**********这是第二屏**********/ }
  .web .three {
    /*************这是第三屏*************/ }
    .web .three .yezi {
      width: 77.8125%;
      height: 15%;
      margin-top: 16.25%;
      margin-left: 6.875%; }
    .web .three .touxiang .hulu {
      width: 32.5%;
      height: 36.40625%;
      margin-top: 10.78125%;
      margin-left: 33.59375%;
      position: relative;
      z-index: +1; }
    .web .three .fuyun {
      position: relative; }
      .web .three .fuyun .fuyun1 {
        width: 13.28125%;
        position: absolute;
        left: 30.46875%;
        margin-top: -14.84375%; }
      .web .three .fuyun .fuyun2 {
        width: 9.84375%;
        position: absolute;
        left: 62.5%;
        margin-top: -10.9375%; }
  .web .four {
    /*************这是第四屏*************/ }
    .web .four .touxiang {
      position: relative;
      z-index: 1; }
      .web .four .touxiang .tou_07 {
        width: 52.1875%;
        height: 40%;
        margin-left: 21.5625%;
        margin-top: 9.6875%; }
    .web .four .anniu_1 .touxiang_1 .touxiang_2 {
      font-size: 6.6px;
      padding: 4px 8px;
      letter-spacing: -1px; }
  .web .five {
    /*************这是第五屏*************/ }
    .web .five .touxiang .zuichun {
      width: 37.65625%;
      height: 19.53125%;
      margin-left: 32.8125%;
      margin-top: 19.21875%; }
  .web .six {
    /*************这是第六屏*************/ }
    .web .six .touxiang .hongxin {
      width: 55.15625%;
      height: 29.6875%;
      margin-left: 22.34375%;
      margin-top: 7.8125%; }
    .web .six .anniu_1 .chuanqi .chuanqi_1 {
      font-size: 6.6px;
      padding: 4px 8px; }
  .web .seven {
    /*************这是第七屏*************/ }
    .web .seven .touxiang .sitou_07 {
      width: 53.90625%;
      height: 30.15625%;
      margin-left: 23.75%;
      margin-top: 5.46875%; }
  .web .eight {
    /*************这是第八屏*************/ }
    .web .eight .touxiang .kuai_07 {
      width: 56.09375%;
      height: 38.59375%;
      margin-left: 24.6875%;
      margin-top: 16.40625%; }
  .web .nine {
    /*************这是第九屏*************/ }
    .web .nine .touxiang .jie_07 {
      width: 39.0625%;
      height: 54.6875%;
      margin-left: 31.25%;
      margin-top: 5.3125%; }
  .web .ten {
    /*************这是第十屏*************/ }
    .web .ten .touxiang .meinv1_07 {
      width: 39.0625%;
      height: 54.6875%;
      margin-left: 31.25%;
      margin-top: 5.3125%; }
    .web .ten .anniu_1 .adele {
      margin-top: -7.8125%; }
  .web .eleven {
    /*************这是第十一屏*************/ }
    .web .eleven .touxiang .bg5_07 {
      width: 39.0625%;
      height: 54.6875%;
      margin-left: 31.25%;
      margin-top: 3.28125%; }
    .web .eleven .anniu_1 .exo {
      margin-top: -12.5%; }
  .web .twelve {
    /*************这是第十二屏样式*************/ }
    .web .twelve .touxiang .bg7_07 {
      width: 39.0625%;
      height: 54.6875%;
      margin-left: 31.25%;
      margin-top: 5.3125%; }
  .web .thirteen {
    /*************这是第十三屏样式*************/ }
    .web .thirteen .touxiang .san_07 {
      width: 50.15625%;
      height: 38.4375%;
      margin-left: 22.96875%;
      margin-top: 12.5%; }
  .web .fourteen {
    /*************这是第十四屏样式*************/ }
    .web .fourteen .touxiang .bg13_07 {
      width: 39.0625%;
      height: 54.6875%;
      margin-left: 31.25%;
      margin-top: 3.90625%; }
    .web .fourteen .xuanxiang .xuanxiang_1 {
      margin-top: -17.1875%; }
  .web .fifteen {
    /*************这是第十五屏样式*************/ }
    .web .fifteen .touxiang .bg14_07 {
      width: 39.21875%;
      height: 55%;
      margin-left: 31.25%;
      margin-top: 3.90625%; }
    .web .fifteen .anniu_1 .angelababy .angelababy_1 {
      font-size: 6.6px;
      padding: 4px 5px;
      letter-spacing: -1px; }
    .web .fifteen .anniu_2 .anniu_3 {
      margin-top: -18.75%; }
  .web .sixteen {
    /*************这是第十六屏样式*************/ }
    .web .sixteen .touxiang .bg15_07 {
      width: 45.46875%;
      height: 45.46875%;
      margin-left: 28.28125%;
      margin-top: 7.1875%; }
  .web .seventeen {
    /*************这是第十七屏样式*************/ }
    .web .seventeen .touxiang .laba {
      width: 54.375%;
      height: 50.9375%;
      margin-left: 22.96875%;
      margin-top: 9.375%; }
    .web .seventeen .anniu_2 .laba_1 {
      margin-top: -7.8125%; }
  .web .eighteen {
    /*************这是第十八屏样式*************/ }
    .web .eighteen .touxiang .mangmian {
      width: 54.6875%;
      height: 39.0625%;
      margin-left: 23.75%;
      margin-top: 5.15625%; }
  .web .nineteen {
    /*************这是第十九屏样式*************/ }
    .web .nineteen .touxiang .zhoujielun {
      width: 39.21875%;
      height: 55%;
      margin-left: 31.25%;
      margin-top: 3.59375%; }
    .web .nineteen .anniu_2 .zhuanji {
      margin-top: -15.625%; }
  .web .twenty {
    /*************这是第二十屏样式*************/ }
    .web .twenty .touxiang .haizi {
      width: 36.09375%;
      height: 43.4375%;
      margin-left: 31.09375%;
      margin-top: 12.96875%; }
  .web .twenty_one {
    /*************这是第二十一屏样式*************/ }
    .web .twenty_one .touxiang .amei {
      width: 39.0625%;
      height: 54.6875%;
      margin-left: 31.5625%;
      margin-top: 6.40625%; }
    .web .twenty_one .anniu_2 .amei {
      margin-top: -7.8125%; }
  .web .twenty_two {
    /*************这是第二十二屏样式*************/ }
    .web .twenty_two .touxiang .shengnan {
      width: 45%;
      height: 57.34375%;
      margin-left: 27.34375%;
      margin-top: 6.25%; }
  .web .twenty_three {
    /*************这是第二十三屏样式*************/ }
    .web .twenty_three .touxiang {
      margin-left: 21.5625%;
      margin-top: 5.46875%; }
      .web .twenty_three .touxiang .xiaolongnv {
        width: 35.4375%;
        height: 23.75%; }
      .web .twenty_three .touxiang .xiaolongnv_1 {
        margin-right: 1.5625%;
        margin-bottom: 1.5625%; }
      .web .twenty_three .touxiang .xiaolongnv_2 {
        margin-bottom: 1.5625%; }
      .web .twenty_three .touxiang .xiaolongnv_3 {
        margin-right: 1.5625%; }
    .web .twenty_three .anniu_2 .a span {
      text-align: center;
      width: 51.5625%; }
    .web .twenty_three .anniu_2 .b {
      margin-top: -12.5%; }
